<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../dist/css/common.min.css">
<link rel="stylesheet" href="../dist/css/home.min.css">

<div class="container">
    <!-- 轮播图部分 -->
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="../dist/imgs/banner01.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="../dist/imgs/banner02.jpg" class="d-block w-100" alt="...">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <!-- 内容1部分 -->
    <div class="row">
        <div class="col-md-4 row">
            <div class="col-md-3 home-first">
                <img src="../dist/imgs/feature01.png" alt="">
            </div>
            <div class="col-md-9">
                <h6 class="font-weight-bold font18">投资理财</h6>
                <p class="font14">稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
            </div>
        </div>

        <div class="col-md-4 row">
            <div class="col-md-3 home-first">
                <img src="../dist/imgs/feature02.png" alt="">
            </div>
            <div class="col-md-9">
                <h6 class="font-weight-bold font18">投资理财</h6>
                <p class="font14">稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
            </div>
        </div>

        <div class="col-md-4 row">
            <div class="col-md-3 home-first">
                <img src="../dist/imgs/feature03.png" alt="">
            </div>
            <div class="col-md-9">
                <h6 class="font-weight-bold font18">投资理财</h6>
                <p class="font14">稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
            </div>
        </div>
    </div>

    <!-- 内容2部分 -->
    <div class="row justify-content-between title2">
        <h4>进行中借款</h4>
        <p><a href="#">进入投资列表</a></p>
    </div>

    <table class="table">
        <thead>
            <tr>
                <th scope="col">借款人</th>
                <th scope="col">借款标题</th>
                <th scope="col">年利率</th>
                <th scope="col">金额</th>
                <th scope="col">还款方式</th>
                <th scope="col">进度</th>
                <th scope="col">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr class="tr1">
                <td>张三</td>
                <td>给我2000渡过难关</td>
                <td>10.00%</td>
                <td>2,000.00</td>
                <td>按月分期还款</td>
                <td>78.00%</td>
                <td><button type="button" class="btn btn-danger button">查看</button></td>
            </tr>
            <tr class="tr1">
                <td>王五</td>
                <td>江湖救急,借100吃饭</td>
                <td>12.00%</td>
                <td>100.00</td>
                <td>按月到期还款</td>
                <td>100.00%</td>
                <td><button type="button" class="btn btn-danger button">查看</button></td>
            </tr>
        </tbody>
    </table>

    <!-- 内容3部分 -->
    <div class="row">

        <div class="col-md-6">
            <div class="row justify-content-between title2">
                <h4>企业最新资讯</h4>
                <p><a href="#">更多资讯</a></p>
            </div>

            <div class="table-responsive-lg tab">
                <table class="table">
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="col-md-6">
            <div class="row justify-content-between title2">
                <h4>用户反馈</h4>
                <p><a href="#">更多资讯</a></p>
            </div>

            <div class="table-responsive-lg tab">
                <table class="table">
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

     <!-- 内容4部分 -->
    <div class="row">

        <div class="col-md-6">
            <div class="row justify-content-between title2">
                <h4>企业最新资讯</h4>
                <p><a href="#">更多资讯</a></p>
            </div>

            <div class="table-responsive-lg tab">
                <table class="table">
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="col-md-6">
            <div class="row justify-content-between title2">
                <h4>用户反馈</h4>
                <p><a href="#">更多资讯</a></p>
            </div>

            <div class="table-responsive-lg tab">
                <table class="table">
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                    <tr>
                        <td class="text-left">央视力挺互联网金融</td>
                        <td class="text-right">发表日期:2015-03-23</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
<script src="../lib/bootstrap/js/jquery.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src="../lib/bootstrap/js/popper.js"></script>